<template>
  <div class="Login">
    <el-avatar
      :size="medium"
      src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
    ></el-avatar>
    <el-link
      :underline="false"
      @click="loginclick"
    >登录</el-link>
    <el-link
      :underline="false"
      @click="registerclick"
    >注册</el-link>
    <Login ref="Lson"></Login>
    <Register ref="Rson"></Register>
  </div>
</template>

<script>
import Login from '../components/Login.vue'
import Register from '../components/Register.vue'

export default {
  name: 'Loginning',
  data () {
    return {
    }
  },
  methods: {
    loginclick () {
      this.$refs.Lson.dialogFormVisible = true
    },
    registerclick () {
      this.$refs.Rson.dialogFormVisible = true
    }
  },
  components: {
    Login,
    Register
  }
}
</script>

<style lang="less" scoped>
.Login {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
